<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="format-detection" content="telephone=no"/>
	<meta name="apple-mobile-app-status-bar-style" content="black" />
	<meta name="apple-touch-fullscreen" content="YES" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0" />
	<title>Vizory</title>
	<link rel="stylesheet" href="static/css/output.css">
</head>
<body>
	<div class="background">
		<div class="ribbon"></div>
		<div class="tableCard"></div>
	</div>
	<div class="nav">
		<table>
			<tr>
				<td><a href="index.html">首页</a></td>
				<td><a href="archives.html">文章</a></td>
				<td><a href="categories.html">分类</a></td>
				<td><a href="###">关于</a></td>
			</tr>
			<tr><td></td><td></td><td></td><td></td></tr>
			<tr><td></td><td></td><td></td><td></td></tr>
			<tr><td></td><td></td><td></td><td></td></tr>
			<tr><td></td><td></td><td></td><td></td></tr>
		</table>
	</div>
	<div class="container">
		<div class="header">
			<div class="headerBackground">
				<div class="headerBackgroundImg"></div>
			</div>
			<div class="headerContent">
				<div class="avatar" alt="avatar">
					<a href="index.html">
						<img src="static/img/avatar.jpg" alt="avatar">
					</a>
				</div>
				<div class="blogTitle">
					<h1>IwYvI</h1>
					<p>干了这碗鸡汤</p>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="mainBackground">
				<div class="mainBackgroundLeft"></div>
				<div class="mainBackgroundRight">
					<div class="mainBackgroundCode">
						<pre>html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  background-color: #333333;
  position: relative;
  padding-top: 1px;
  margin-top: -1px; }

.background {
  width: 100%;
  height: 100%; }</pre>
					</div>
				</div>
			</div>
			<div class="mainContent">
				<ul class="postList">
					<li>
						<div class="postContent">
							<h3><a href="detail.html">文章标题文章标文章题</a></h3>
							<p class="date">2016年3月16日</p>
							<p class="categories">前端</p>
							<p>a
To add new posts, simply add a file in the <code class="highlighter-rouge">_posts</code> directory that follows the convention <code class="highlighter-rouge">YYYY-MM-DD-name-of-post.ext</code> and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.is post in your <code class="highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
							<a href="detail.html" class="linkBtn">Read More</a>
						</div>
						<div class="postLargeTitle"><p>文章标题</p></div>
					</li>
					<li>
						<div class="postContent">
							<h3><a href="detail.html">文章标题</a></h3>
							<p class="date">2016年3月16日</p>
							<p class="categories">前端</p>
							<p>作为前端开发人员，你肯定对css很熟悉，但是你知道css可以自定义吗？大家都知道，js中可以自定义变量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义变量，不可以引用等等。面对这些问题，我们现在来引进一个SASS，简单的说，他是css的升级版，他可以自定义变量，可以有if语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍这个神奇的SASS！</p>
							<a href="detail.html" class="linkBtn">Read More</a>
						</div>
						<div class="postLargeTitle"><p>文章标题</p></div>
					</li>
					<li>
						<div class="postContent">
							<h3><a href="detail.html">文章标题</a></h3>
							<p class="date">2016年3月16日</p>
							<p class="categories">前端</p>
							<p>作为前端开发人员，你肯定对css很熟悉，但是你知道css可以自定义吗？大家都知道，js中可以自定义变量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义变量，不可以引用等等。面对这些问题，我们现在来引进一个SASS，简单的说，他是css的升级版，他可以自定义变量，可以有if语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍这个神奇的SASS！</p>
							<a href="detail.html" class="linkBtn">Read More</a>
						</div>
						<div class="postLargeTitle"><p>文章标题文章标题</p></div>
					</li>
					<li>
						<div class="postContent">
							<h3><a href="detail.html">文章标题</a></h3>
							<p class="date">2016年3月16日</p>
							<p class="categories">前端</p>
							<p>a
To add new posts, simply add a file in the <code class="highlighter-rouge">_posts</code> directory that follows the convention <code class="highlighter-rouge">YYYY-MM-DD-name-of-post.ext</code> and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.is post in your <code class="highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
							<a href="detail.html" class="linkBtn">Read More</a>
							<p></p>
						</div>
						<div class="postLargeTitle"><p>文章标题文章标题</p></div>
					</li>
					<li>
						<div class="postContent">
							<h3><a href="detail.html">文章标题</a></h3>
							<p class="date">2016年3月16日</p>
							<p>作为前端开发人员，你肯定对css很熟悉，但是你知道css可以自定义吗？大家都知道，js中可以自定义变量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义变量，不可以引用等等。面对这些问题，我们现在来引进一个SASS，简单的说，他是css的升级版，他可以自定义变量，可以有if语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍这个神奇的SASS！作为前端开发人员，你肯定对css很熟悉，但是你知道css可以自定义吗？大家都知道，js中可以自定义变量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义变量，不可以引用等等。面对这些问题，我们现在来引进一个SASS，简单的说，他是css的升级版，他可以自定义变量，可以有if语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍这个神奇的SASS！</p>
							<a href="detail.html" class="linkBtn">Read More</a>
						</div>
						<div class="postLargeTitle"><p>CSS里的什的什么</p></div>
					</li>
					<li>
						<div class="postContent">
							<h3><a href="detail.html">文章标题</a></h3>
							<p class="date">2016年3月16日</p>
							<p>作为前端开发人员，你肯定对css很熟悉，但是你知道css可以自定义吗？大家都知道，js中可以自定义变量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义变量，不可以引用等等。面对这些问题，我们现在来引进一个SASS，简单的说，他是css的升级版，他可以自定义变量，可以有if语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍这个神奇的SASS！作为前端开发人员，你肯定对css很熟悉，但是你知道css可以自定义吗？大家都知道，js中可以自定义变量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义变量，不可以引用等等。面对这些问题，我们现在来引进一个SASS，简单的说，他是css的升级版，他可以自定义变量，可以有if语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍这个神奇的SASS！</p>
							<a href="detail.html" class="linkBtn">Read More</a>
						</div>
						<div class="postLargeTitle"><p>CSS里的什么什么</p></div>
					</li>
					<li>
						<div class="postContent">
							<h3><a href="detail.html">文章标题</a></h3>
							<p class="date">2016年3月16日</p>
							<p>作为前端开发人员，你肯定对css很熟悉，但是你知道css可以自定义吗？大家都知道，js中可以自定义变量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义变量，不可以引用等等。面对这些问题，我们现在来引进一个SASS，简单的说，他是css的升级版，他可以自定义变量，可以有if语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍这个神奇的SASS！</p>
							<a href="detail.html" class="linkBtn">Read More</a>
						</div>
						<div class="postLargeTitle"><p>文章标题</p></div>
					</li>
					<li>
						<div class="postContent">
							<h3><a href="detail.html">文章标题</a></h3>
							<p class="date">2016年3月16日</p>
							<p>作为前端开发人员，你肯定对css很熟悉，但是你知道css可以自定义吗？大家都知道，js中可以自定义变量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义变量，不可以引用等等。面对这些问题，我们现在来引进一个SASS，简单的说，他是css的升级版，他可以自定义变量，可以有if语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍这个神奇的SASS！</p>
							<a href="detail.html" class="linkBtn">Read More</a>
						</div>
						<div class="postLargeTitle"><p>文章标题</p></div>
					</li>
					<li>
						<div class="postContent">
							<h3><a href="detail.html">文章标题</a></h3>
							<p class="date">2016年3月16日</p>
							<p>作为前端开发人员，你肯定对css很熟悉，但是你知道css可以自定义吗？大家都知道，js中可以自定义变量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义变量，不可以引用等等。面对这些问题，我们现在来引进一个SASS，简单的说，他是css的升级版，他可以自定义变量，可以有if语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍这个神奇的SASS！</p>
							<a href="detail.html" class="linkBtn">Read More</a>
						</div>
						<div class="postLargeTitle"><p>文章标题</p></div>
					</li>
					<li>
						<div class="postContent">
							<h3><a href="detail.html">文章标题</a></h3>
							<p class="date">2016年3月16日</p>
							<p>作为前端开发人员，你肯定对css很熟悉，但是你知道css可以自定义吗？大家都知道，js中可以自定义变量，css仅仅是一个标记语言，不是编程语言，因此不可以自定义变量，不可以引用等等。面对这些问题，我们现在来引进一个SASS，简单的说，他是css的升级版，他可以自定义变量，可以有if语句，还可以嵌套等等，很神奇吧！那下面我们就来介绍这个神奇的SASS！</p>
							<a href="detail.html" class="linkBtn">Read More</a>
						</div>
						<div class="postLargeTitle"><p>文章标题</p></div>
					</li>
				</ul>
				<div class="pageController">
					<a href="###" class="prev">Prev</a>
					<a href="###" class="next">Next</a>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="link">
				<a href="https://github.com/IwYvI"><img src="static/img/github_4.png" height="32" width="32" alt=""></a>
				<a href="###"><img src="static/img/github_4.png" height="32" width="32" alt=""></a>
			</div>
			<div class="copyright">
				<p>Copyright © 2016, Content By <a href="https://github.com/IwYvI">IwYvI</a>. All Rights Reserved.
				</p>
				<p>Theme By <a href="https://github.com/IwYvI">IwYvI</a></p>
			</div>
		</div>
	</div>
</body>
</html>
